<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片精灵图</title>

    <style>
        span {
            display: inline-block;
            width: 50px;
            height: 50px;
            background-image: url("./images/css_sprites.png");
        }
        .bing {
            background-position: 0 0;
        }
        .sogou {
            background-position: 50px 0;
        }
    </style>
</head>
<body>

    <span class="bing"></span>
    <span class="sogou"></span>
    <p>生成精灵图的网站 <a href="https://www.toptal.com/developers/css/sprite-generator">跳转</a> </p>
</body>
</html>